<template>
  <view class="lightColour navTop">
    <van-nav-bar
      title="锁仓详情"
      left-arrow
	  fixed
      class="loginNav"
      @click-left="onClickLeft"
    />                                     
	<div class="list">
		<ul>
			<li>
				<span>加入时间</span>
				<p>2019-6-10 15:17</p>
			</li>
			<li>
				<span>锁仓金额</span>
				<p>1200.00</p>
			</li>
			<li>
				<span>每日利息</span>
				<p>1.0%</p>
			</li>
			<li>
				<span>锁仓倒计时</span>
				<p>5天23:15:52</p>
			</li>
			<li>
				<span>已产生收益</span>
				<p>120</p>
			</li>
		</ul>
	</div>
	
	
	<div class="btnBox">
		<div class="hit">
温馨提示：<br>
提前转出本金将无法获得锁仓收益               
	</div>
			<button class="primary" @click="login">立即转出</button>
		</div>

  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    onClickRight() {
      uni.navigateTo({
        url: "../register/register"
      });
    }
  }
};
</script>

<style lang="less">

.list{
	margin-top: 20upx;
	background: #fff;
	padding: 0 30upx;
	display: inline-block;
	li{
		width: 100%;
		float: left;
		line-height: 99upx;
		color: #000;font-size: 28upx;
		span{width: 190upx;display: inline-block}
		p{display: inline-block}
	}
}
.hit{
	padding: 0 28upx;
	color: #838383;
	font-size: 22upx;
	margin-top: 120upx;
}
.btnBox{position: absolute;bottom: 40upx}
</style>
